{include file="public/header" /}
<style>
    html {
        background-color: #f2f2f2 !important;
    }

    .layui-form-item {
        margin-bottom: 0 !important;
    }

    .underline {
        text-decoration: underline;
        color: #00a2d4
    }

    tr th:last-child {
        border-right: 1px solid #eee !important;
    }

    .layui-card-body {

        padding: 10px 1px !important;
    }

    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px;
    }

    .pagination>li {
        display: inline;
    }

    .pagination>li>a,
    .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #009688;
        ;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }

    .pagination>li:first-child>a,
    .pagination>li:first-child>span {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #009688;
        ;
        border-color: #009688;
        ;
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .layui-input-block {
        width: 50%
    }

    .yhtable {
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
        white-space: nowrap;
        display: inline-block;
    }
    #exceltitle>tr>th{
        background: #fafafa !important;}
    /* #exceltitle>tr>th,
    #excelnr>tr>td {
        width: 300px !important;
        display: revert;
    } */

    .baseinfo {
        width: 100%;
        float: left;
        margin-top: 20px;

    }

    .baseinfo h2 {
        line-height: 40px;
    }

    .baseinfo ul {
        border: 1px solid #ddd;
    }

    .baseinfo ul li {
        width: 100%;
        float: left;
        line-height: 40px;
        border-top: 1px solid #ddd;
        white-space: nowrap;


    }

    .baseinfo ul li div:first-child {
        border-left: none !important;
    }

    .baseinfo ul li:first-child {
        background: #eee;
        border-top: none !important;
    }

    .baseinfo ul li div {
        width: 20%;
        text-indent: 10px;
        border-left: 1px solid #ddd;
        float: left;
    }

    .base4 ul li div {
        width: 24.5% !important;
    }

    .base6 ul li div {
        width: 16.5% !important;
    }
</style>

<body>
    
    <div class="layui-fluid layui-anim-fadein">
        <div class="layui-card">
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div class="nav_search">   
                            <div class="layui-form search-form" style=" margin-top: 20px;">
                                <div class="layui-form-item">
                                    <div class="layui-inline"  style="width: 10%">
                                        <input class="layui-input" id="keyword" placeholder="请输入产品名称"  value="{$keyword}"  autocomplete="off"/>
                                    </div>
                                    <div class="layui-inline"  style="width: 20%">
                                        <input class="layui-input date_range" id="date_range" placeholder="请选择日期"  value="{$sechtime}"  autocomplete="off"/>
                                    </div>
                                    <button class="layui-btn layui-btn-sm" id="searchSave">
                                        查询
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="layui-card-body yhtable" >
                            <table class="layui-table" lay-size="lg">
                                <thead id="exceltitle">
                                    <tr>
                                        <th>序号</th>
                                        <th>商品名称</th>
                                        <th>销量</th>
                                        <th>真实销量</th>
                                        <th>真实销售额</th>
                                    </tr>
                                </thead>
                                <tbody id="excelnr">
                                    {foreach name="list" item="vo"}
                                    <tr>
                                        <td>{$vo.id}</td>
                                        <td>{$vo.title}</td>
                                        <td>{$vo.sales}</td>
                                        <td>{$vo.rcount}</td>
                                        <td>{$vo.money}</td>
                                    </tr>
                                    {/foreach}
                                    {empty name="list"}
                                    <tr>
                                        <td colspan="5" align="center">暂无数据</td>
                                    </tr>
                                    {/empty}
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>
                
                {$page|raw}
            </div>
        </div>
    </div>
</body>
{include file="public/footer" /}
<script>
    $("#searchSave").click(function(){
        window.location.href='{:url("order/statistics")}?time='+$("#date_range").val()+'&keyword='+$("#keyword").val();  
    })
</script>
</html>